@keyframes loading {
	0% {
		transform: scale(1);
	}
	90% {
		transform: scale(1);
	}
	100% {
		transform: scale(0);
	}
}
.loading {
	display: flex;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 500px;
	width: 100%;
	height: 100%;
	align-items: center;
	justify-content: center;
	background-color: #3333;
	backdrop-filter: blur(5px);
	transform: scale(0);
	animation: loading;
	animation-duration: 10s;
}
.loading img {
	border-radius: 200px;
	box-shadow: 0 0 20px 5px #000;
}
.loading .container {
	text-align: center;
}
div.progress-bar {
	background-color: #333;
}
.progress-bar>.progress {
  height: 10px;
  animation: mymove 10s infinite;
}
@keyframes mymove {
  from {width: 0%;}
  to {width: 100%;}
}
.progress-bar {
	margin-top: 20px;
}
.progress-bar {
	background-image: linear-gradient(#4a5,#dfa);
	border-radius: 5px;
}
.progress-bar>.progress {
	background-image: repeating-linear-gradient(-45deg, #06f,#fff 10px);
	border-radius: 5px;
	box-shadow: 0 0 5px #f90;
}